<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="./page.css">
</head>

<body>
  <div class="page1"></div>
  <div class="page2"></div>

  <script src="./page.js"></script>
  <script>
    let page1 = new Page('.page1', {
      pageTag: {
        first: '首页',
        prev: '上一页',
        list: null,
        next: '下一页',
        last: '末页',
      },
      pageInfo: {
        pageNum: 3,     // 当前页数
        pageSize: 10,    // 每页显示条数  
        totalData: 1001, // 总条数 
        totalPage: 100,  // 总页数 = 向上取整（总条数 / 每页显示条数）
      }
    })

    let page2 = new Page('.page2', {
      pageTag: {
        first: '首页',
        prev: '上一页',
        list: null,
        next: '下一页',
        last: '末页',
      },
      pageInfo: {
        pageNum: 2,     // 当前页数
        pageSize: 10,    // 每页显示条数  
        totalData: 1000, // 总条数 
        totalPage: 100,  // 总页数 = 向上取整（总条数 / 每页显示条数）
      }
    })
  </script>
</body>

</html>